* {
  margin: 0;
  padding: 0;
  list-style: none;
}
.df {
  display: flex;
}
.fd-c {
  flex-direction: column;
}
.df-c {
  display: flex;
  justify-content: center;
  align-items: center;
}
.jc-c {
  justify-content: center;
}
.jc-sb {
  justify-content: space-between;
}
.aic {
  align-items: center;
}
.ai-c { 
  align-items: center;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}

.btn-add{
  padding: 0 20px !important;
}
.btn-search{
padding: 0 20px !important;
}

.btn-resert{
  padding: 0 20px !important;
}

// .btn-add {
//   background-color: red !important;
//   color: #000 !important;
//   border: 1px solid red !important;
// }
// .btn-edit {
//   background-color: red !important;
//   color: #000 !important;
//   border: 1px solid red !important;
// }
// .btn-edit-pwd {
//   background-color: red !important;
//   color: #000 !important;
//   border: 1px solid red !important;
// }
// .btn-delete {
//   background-color: red !important;
//   color: #000 !important;
//   border: 1px solid red !important;
// }
// .btn-view {
//   background-color: red !important;
//   color: #000 !important;
//   border: 1px solid red !important;
// }
// .btn-search {
//   background-color: red !important;
//   color: #000 !important;
//   border: 1px solid red !important;
// }
// .btn-resert {
//   background-color: red !important;
//   color: #000 !important;
//   border: 1px solid red !important;
// }
// .btn-auth{
//   background-color: red !important;
//   color: #000 !important;
//   border: 1px solid red !important;
// }
// .btn-export{
//   background-color: red !important;
//   color: #000 !important;
//   border: 1px solid red !important;
// }

// .layui-btn-primary{
//   background:   linear-gradient(to right, #eafbf1, #ddf5fa) !important;
// }

// .global-tab {
//   background-color: transparent !important;
// // background:   linear-gradient(to right, #eafbf1, #ddf5fa) !important;
//   .layui-tab-bar {
//     background-color: #c2ecdb !important;
//   }
//   .tab-r-icon {
//     background-color: #c2ecdb !important;
//   }
// }

.page-padding-bg {
  padding: 30px 30px 8px 30px;
  // background-color: #fafcfb;
  box-sizing: border-box;
}

.ov1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.layui-layout {
  // background: linear-gradient(to bottom right, #e8f9ee, #97dcdb);
}

// :deep(.layui-nav .layui-this) {
//   background-color: #7fdbb5;

//   background: rgba(127, 219, 181, 0.322);
//   span {
//     color: #50daa0 !important;
//     .layui-icon {
//       color: #50daa0 !important;
//     }
//   }
// }

.layui-side {
  .layui-scroll {
    background-color: #171717 !important;
  }
  // background-color: #171717 !important;
  // 左侧menu 配置
  .layui-nav {
    background-color: #171717 !important;
    .layui-this {
      background-color: #36b368 !important;

      span {
        color: #fff !important;
        .layui-icon {
          color: #fff !important;
        }
      }
    }
  }
}
// 右侧配置

.layui-layout {
  background-color: #f5f5f5;
}

:root {
  --global-primary-color: #36b368 !important;
}
